<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>{$title}</title>
<!--                       CSS                       -->
<!-- Reset Stylesheet -->
<link rel="stylesheet" href="/resources/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="/resources/css/login.css" type="text/css" media="screen" />
<!-- Main Stylesheet -->
<link rel="stylesheet" href="/resources/css/style.css" type="text/css" media="screen" />
<!-- Invalid Stylesheet. This makes stuff look pretty. Remove it if you want the CSS completely valid -->
<link rel="stylesheet" href="/resources/css/invalid.css" type="text/css" media="screen" />
<!-- Colour Schemes
		Default colour scheme is green. Uncomment prefered stylesheet to use it.
		<link rel="stylesheet" href="/resources/css/blue.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="/resources/css/red.css" type="text/css" media="screen" />  
		-->
<!-- Internet Explorer Fixes Stylesheet -->
<!--[if lte IE 7]>
			<link rel="stylesheet" href="/resources/css/ie.css" type="text/css" media="screen" />
		<![endif]-->
<!--                       Javascripts                       -->
<!-- jQuery -->
<script type="text/javascript" src="/resources/scripts/jquery-1.3.2.min.js"></script>
<!-- jQuery Configuration -->
<script type="text/javascript" src="/resources/scripts/simpla.jquery.configuration.js"></script>
<!-- Facebox jQuery Plugin -->
<script type="text/javascript" src="/resources/scripts/facebox.js"></script>
<!-- jQuery WYSIWYG Plugin -->
<script type="text/javascript" src="/resources/scripts/jquery.wysiwyg.js"></script>
<!-- jQuery Datepicker Plugin -->
<script type="text/javascript" src="/resources/scripts/jquery.datePicker.js"></script>
<script type="text/javascript" src="/resources/scripts/jquery.date.js"></script>
<script src="/static/js/My97DatePicker/WdatePicker.js" type="text/javascript"></script>
<script src="/static/js/ajaxform.js" type="text/javascript"></script>
<script src="/static/js/validate.js" type="text/javascript"></script>
<!--[if IE]><script type="text/javascript" src="/resources/scripts/jquery.bgiframe.js"></script><![endif]-->
<!-- Internet Explorer .png-fix -->
<!--[if IE 6]>
	<script type="text/javascript" src="/resources/scripts/DD_belatedPNG_0.0.7a.js"></script>
	<script type="text/javascript">
		DD_belatedPNG.fix('.png_bg, img, li');
	</script>
<![endif]-->
</head>


<body class="bg">
<div class="login_box">
	<div class="loginBg">
		<form id="loginForm" action="/index.php" method="post">
		<div class="login_inp">
			<ul>
				<li id="emailError">
				</li>
				<li class="login_1 clearfix">
					<label>メールアドレス：</label>
					<input name="email" type="text" style="width:200"" validate="true" checktype="null,email" error="#emailError" />
				</li>
				<li id="passError">
				</li>
				<li class="login_2 clearfix">
					<label>パスワード：</label>
					<input name="password" type="password" max="12" min="4" style="width:200" validate="true" checktype="null,range" error="#passError" />
				</li>

			</ul>
		</div>
		
		<div class="search_area clearfix" id="login_btn">
			<input type="submit" value="ログイン" class="sear_btn"/>
		</div>
		</form>
		<div class="tips">会員ではない方、<a href="/reg.php">すぐ新規登録へ！</a></div>
	</div>
</div>
</body>
</html>


<!-- End Save for Web Slices -->
<script type="text/javascript">
var errorMessages = {
	email_Null : "（メールアドレスを入力してください！）",
	email_Email : "（メールアドレスは正しくない！）",
	
	password_Null : "（パスワードを入力してください！）",
	password_Range : "（パスワードはアルファベット4文字以上１２文字以内に入力してください！）"
};
new buyValidate("loginForm", errorMessages);
</script>